<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品详情</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/pro_details.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
	</head>

	<body>
		<!--头部-->
		<div class="header">

			<div class="top">
				<div>
					<span class="shop_car"><a href="shop_cart.html">购物车</a></span>
					<span class="msg"><a href="javascript:void(0)">消息通知</a></span>
					<span class="login"><a href="login.html">登录</a></span>
					<span class="register"><a href="reg.html">注册</a></span>
				</div>
			</div>
			<!--logo&搜索栏-->
			<div>
				<div class="logo"><a href="index.html"><img src="img/logo.jpg" alt="logo"></a></div>
				<form class="search"><label>宝贝</label><input type="text" name="search_input" value="请输入关键字" /><button>搜索</button></form>
			</div>
		</div>
		<!--内容-->
		<div class="middle">
			<div class="box">
				<div class="img_info">
					<div class="big">
						<img src="img/pro_details_big_01.jpg" alt="" />
						<div class="box1"></div>
					</div>
					
					<div class="thumb">
						<div>
							<ul>
							<li class="turn"><img src="img/pro_details_small_01.jpg" alt="" /></li>
							<li><img src="img/pro_details_small_02.jpg" alt="" /></li>
							<li><img src="img/pro_details_small_03.jpg" alt="" /></li>
							<li><img src="img/pro_details_small_02.jpg" alt="" /></li>
							<li><img src="img/pro_details_small_03.jpg" alt="" /></li>
							</ul>
						</div>
						<span class="left"><img src="img/arrow_left.png" alt="" /></span>
						<span class="right"><img src="img/arrow_right.png" alt="" /></span>
					</div>
				</div>
				<div class="pro_info">
					<div class="original"></div>
					<h5>电炖锅紫砂锅煮粥锅电砂锅迷你全自动文火紫砂养生宝宝陶瓷煲汤锅</h5>
					<span>收藏</span>
					<div>
						<p>¥199.9</p>
						<span>特色：本产品全国联保，享受三包服务</span>
						<span>优惠：满2件，总价打8.8折；加入购物车可见</span>
						<ul>
							<li>月销量 647</li>
							<li>评价 647</li>
							<li>待评价 647</li>
						</ul>
					</div>
					<dl class="choose">
						<dt>颜色分类</dt>
						<dd><img src="img/pro_details_sort.jpg" /></dd>
					</dl>
					<dl class="quantity">
						<dt>数量</dt>
						<dd>
							<input type="text" name="quantity_name" class="quantity_num" value="1">
							<div class="add"><span></span></div>
							<div class="reduce"><span></span></div>
						</dd>
						<dd>库存1777件</dd>
					</dl>
					<a href="confirm_order.html" class="purchase">立即购买</a>
					<a href="javascript:void(0)" class="add_to_cart" onclick="setProduct()">加入购物车</a>
				</div>
				<div class="parameters">
					<h4>产品参数</h4>
					<ul>
						<li>产品名称：豪华智能电饭煲 </li>
						<li>C产品型号：FXB30FZ16Q-60 3.0L 600</li>
						<li>电饭煲多功能: 加速煮 蛋糕 预约 定时 煮饭</li>
						<li>容量：4L</li>
						<li>内胆材质：陶金</li>
						<li>颜色：黑白灰</li>
						<li>适用人数：4-6人</li>
						<li> 控制方式：微电脑式</li>
						<li>加热方式：三维立体加热</li>
					</ul>
				</div>
				<div class="tabs">
					<span class="pro_detail on">产品详情</span>
					<span class="comment">商品评价</span>
				</div>
				<ul class="details">
					<li>
						<img src="img/pro_details_01.jpg"><span></span>
						<div>
							分体式构成，<br />妈妈说提锅方便清洗。
							<p>轻便提锅，清洁轻松</p>
						</div>
					</li>
					<li>
						<img src="img/pro_details_02.jpg"><span></span>
						<div>
							分体式构成，<br />妈妈说提锅方便清洗。
							<p>轻便提锅，清洁轻松</p>
						</div>
					</li>
					<li>
						<img src="img/pro_details_03.jpg"><span></span>
						<div>
							分体式构成，<br />妈妈说提锅方便清洗。
							<p>轻便提锅，清洁轻松</p>
						</div>
					</li>
					<li>
						<img src="img/pro_details_04.jpg"><span></span>
						<div>
							分体式构成，<br />妈妈说提锅方便清洗。
							<p>轻便提锅，清洁轻松</p>
						</div>
					</li>
				</ul>
				<div class="evalution">
					<ul class="score">
						<li>
							<img src="img/evalution_quantity.png" />
							<span>质量好</span>
						</li>
						<li>
							<img src="img/evalution_practicability.png" />
							<span>很实用</span>
						</li>
						<li>
							<img src="img/evalution_transfer.png" />
							<span>物流快</span>
						</li>
						<li>
							<img src="img/evalution_server.png" />
							<span>服务一流</span>
						</li>
						<li>
							<img src="img/evalution_performance.png" />
							<span>性价比高</span>
						</li>
						<li>
							<img src="img/evalution_easy.png" />
							<span>简单易用</span>
						</li>
						<li>
							<img src="img/evalution_appearance.png" />
							<span>外观不错</span>
						</li>
					</ul>
					<ul class="evalute">
						<li>
							<div class="account">
								<span class="avatar"><img src="img/evaluation_account_img.jpg" /></span>
								<span class="account_name">账号</span>
							</div>
							<div>
								<p>以前推荐过朋友买两到四人的锅，家里用的也是那个型号。这次自己搬出来住，果断入手一个小号的，好可爱的锅，两个人吃足够了。以后每天给自己做早饭！ 包装很好，很满意。</p>
								<span class="time">2017-4-22</span>
								<a href="javascript:void(0)" class="addition">追加评论</a>
								<img src="img/evalute_img01.jpg" />
								<img src="img/evalute_img02.jpg" />
								<img src="img/evalute_img03.jpg" />
							</div>
						</li>
						<li>
							<div class="account">
								<span class="avatar"><img src="img/evaluation_account_img.jpg" /></span>
								<span class="account_name">账号</span>
							</div>
							<div>
								<p>以前推荐过朋友买两到四人的锅，家里用的也是那个型号。这次自己搬出来住，果断入手一个小号的，好可爱的锅，两个人吃足够了。以后每天给自己做早饭！ 包装很好，很满意。</p>
								<span class="time">2017-4-22</span>
							</div>
						</li>
						<li>
							<div class="account">
								<span class="avatar"><img src="img/evaluation_account_img.jpg" /></span>
								<span class="account_name">账号</span>
							</div>
							<div>
								<p>以前推荐过朋友买两到四人的锅，家里用的也是那个型号。这次自己搬出来住，果断入手一个小号的，好可爱的锅，两个人吃足够了。以后每天给自己做早饭！ 包装很好，很满意。</p>
								<span class="time">2017-4-22</span>
								<a href="javascript:void(0)" class="addition">追加评论</a>
								<img src="img/evalute_img01.jpg" />
								<img src="img/evalute_img02.jpg" />
								<img src="img/evalute_img03.jpg" />
							</div>
						</li>
					</ul>
					<div class="page_list">
						<ol class="page">
							<li><a href="javascript:void(0)">上一页</a></li>
							<li class="current"><a href="javascript:void(0)">1</a></li>
							<li><a href="javascript:void(0)">2</a></li>
							<li><a href="javascript:void(0)">3</a></li>
							<li><a href="javascript:void(0)">4</a></li>
							<li><a href="javascript:void(0)">...</a></li>
							<li><a href="javascript:void(0)">下一页</a></li>
						</ol>
					</div>
				</div>
				<div class="others">
					<h4>其他商品</h4>
					<ol>
						<li>
							<a href="pro_details.html"><img src="img/pro_details_others_01.jpg" alt="" /></a>
							<h6><a href="pro_details.html">电炖锅紫砂锅煮粥锅电砂锅迷你全自动文火紫砂养生宝宝陶瓷煲汤锅</a></h6>
							<span class="price">¥<i>199</i></span>
							<span class="purchase"><a href="confirm_order.html">点击购买</a></span>
							<p>
								<span class="quantity">销售量 199</span>
								<span class="stock">库存 1334件</span>
							</p>
						</li>
						<li>
							<a href="pro_details.html"><img src="img/pro_details_others_02.jpg" alt="" /></a>
							<h6><a href="pro_details.html">电炖锅紫砂锅煮粥锅电砂锅迷你全自动文火紫砂养生宝宝陶瓷煲汤锅</a></h6>
							<span class="price">¥<i>199</i></span>
							<span class="purchase"><a href="confirm_order.html">点击购买</a></span>
							<p>
								<span class="quantity">销售量 199</span>
								<span class="stock">库存 1334件</span>
							</p>
						</li>
						<li>
							<a href="pro_details.html"><img src="img/pro_details_others_03.jpg" alt="" /></a>
							<h6><a href="pro_details.html">电炖锅紫砂锅煮粥锅电砂锅迷你全自动文火紫砂养生宝宝陶瓷煲汤锅</a></h6>
							<span class="price">¥<i>199</i></span>
							<span class="purchase"><a href="confirm_order.html">点击购买</a></span>
							<p>
								<span class="quantity">销售量 199</span>
								<span class="stock">库存 1334件</span>
							</p>
						</li>
						<li>
							<a href="pro_details.html"><img src="img/pro_details_others_04.jpg" alt="" /></a>
							<h6><a href="pro_details.html">电炖锅紫砂锅煮粥锅电砂锅迷你全自动文火紫砂养生宝宝陶瓷煲汤锅</a></h6>
							<span class="price">¥<i>199</i></span>
							<span class="purchase"><a href="confirm_order.html">点击购买</a></span>
							<p>
								<span class="quantity">销售量 199</span>
								<span class="stock">库存 1334件</span>
							</p>
						</li>
					</ol>
				</div>
			</div>
		</div>
		<!--尾部-->
		<div class="footer">
			<ul>
				<li><img src="img/contact_icon.png" alt=""><span>QQ公众号</span></li>
				<li><img src="img/contact_icon.png" alt=""><span>QQ公众号</span></li>
				<li><img src="img/position_icon.png" alt=""><span>520余家售后网点</span></li>
				<li><img src="img/position_icon.png" alt=""><span>520余家售后网点</span></li>
			</ul>
			<hr>
			<div>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>

				<span>400-400-4000</span>
				<p>在 线 客 服</p>
			</div>

			<p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 </p>
			<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script type="text/javascript" src="js/shopCar.js" ></script>
		<script type="text/javascript" src="js/pro_details.js"></script>
		<script type="text/javascript" src="js/page.js" ></script>
	</body>
	
</html>